export default function Drow() {
  // var myRegression = ecStat.regression('logarithmic',this.data);
  //获取Dom节点
  let chartDom = this.$refs.scatter_Dom;
  //初始化echarts实例
  let myChart = this.$echarts.init(chartDom,'dark');
  //绘制图标
  let option;
  option = {
    //数据集配置
    dataset: [{
        dimensions: ['Hour', 'temperature'],
        source: this.data
      },
      //数据转换集配置
      //dataseIndex:1
      {
        transform: {
          type: 'ecStat:regression',
          config: {
            method: 'polynomial',
            order: 3,
            parser: 'number'
          },
          // print: true
        },
      },
      {
        transform: {
          type: 'ecStat:regression',
          // print: true
        }
      }
    ],
    title: {
      text: 'Temperature changes in 24 hours',
      left: 'center',
      top: 16
    },
    legend: {
      bottom: 5
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'cross'
      }
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      splitLine: {
        lineStyle: {
          type: 'dashed'
        }
      },
      scale: true,
      splitNumber: 20,
      axisLabel:{
        formatter: '{value} h',
      }
    },
    yAxis: {
      type: 'value',
      axisLabel: {
        formatter: '{value} °C'
      },
      splitLine: {
        lineStyle: {
          type: 'dashed'
        }
      }
    },
    series: [{
        name: 'scatter',
        type: 'scatter',
        symbol:'pin'
      },
      {
        name: '多项式回归',
        type: 'line',
        smooth: true,
        datasetIndex: 1,
        symbolSize: 0.1,
        symbol: 'circle',
        label: {
          show: true,
          fontSize: 16
        },
        labelLayout: {
          dx: -20
        },
        encode: {
          label: 2,
          tooltip: 1
        }
      },
      {
        name: '线性回归',
        type: 'line',
        //是否平滑曲线显示。
        smooth: true,
        datasetIndex: 2,
        //标记的大小
        symbolSize: 0.1,
        //标记的图形。
        symbol: 'pin',
        //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。
        label: {
          show: true,
          fontSize: 16
        },
        //标签的统一布局配置。

//该配置项是在每个系列默认的标签布局基础上，统一调整标签的(x, y)位置，标签对齐等属性以实现想要的标签布局效果。
        labelLayout: {
          dx: -20
        },
        encode: {
          label: 2,
          tooltip: 1
        }
      }
    ]
  };
  option && myChart.setOption(option);
}
